// import {init, registerMap} from 'echarts';
// import axios from 'axios';

function component() {
    const element = document.createElement('div');

    element.addEventListener('click', function () {

        const component = Math.random() > 0.5 ? 'button' : 'h1'

        import(`./components/${component}.js`).then(res => {
            res[component](Math.random())
        })

        // const res = require(`./components/${component}.js`)
        // res[component](Math.random())

    })

    // lodash（目前通过一个 script 引入）对于执行这一行是必需的
    element.innerHTML = ['Hello', 'webpack'].join(' ');

    return element;
}

document.body.appendChild(component());



// const chartDom = document.getElementById('main');
// const myChart = init(chartDom);
//
// axios.request({
//     url: '/she_qu_202105121643.json'
// }).then(({ data: jie_dao_map }) => {
//
//     console.log(BRANCH)
//
//     registerMap('JieDao', jie_dao_map);
//
//     const option = {
//         tooltip: {
//             trigger: 'item',
//             formatter: '{b}<br/>{c} (p / km2)'
//         },
//         toolbox: {
//             show: true,
//             orient: 'vertical',
//             left: 'right',
//             top: 'center',
//             feature: {
//                 dataView: {readOnly: false},
//                 restore: {},
//                 saveAsImage: {}
//             }
//         },
//         series: [
//             {
//                 name: '香港18区人口密度',
//                 type: 'map',
//                 mapType: 'JieDao', // 自定义扩展图表类型
//                 // nameProperty: 'SZZ',
//                 nameProperty: 'SZSQ',
//                 // nameProperty: 'NAME',
//                 label: {
//                     show: true
//                 },
//             }
//         ]
//     }
//
//     myChart.setOption(option)
// })
